<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@page import="Bean.BeanUser"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>阳光运动</title>
<link rel="stylesheet" type="text/css" href="./阳光运动_-学校主页_files/style.css">
    <link rel="stylesheet" type="text/css" href="./阳光运动_-学校主页_files/china_common.css">
    <link rel="stylesheet" type="text/css" href="./阳光运动_-学校主页_files/base.css">
<link href="css/theme_1.css" rel="stylesheet" type="text/css" />
<link href="css/header_150803.css" rel="stylesheet" type="text/css" />
<link href="css/footer_150526.css" rel="stylesheet" type="text/css" />
<link href="css/home.css" rel="stylesheet" type="text/css" />
    <style>
        /*  miSlider Core Styles ========================================== */


        /* Version: 0.1.11 */


        /*  Resets */

        .mis-stage,
        .mis-slider,
        .mis-slide,
        .mis-container,
        .mis-container * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        .mis-stage,
        .mis-slider {
            position: relative;
            overflow: hidden;
        }

        .mis-stage {
            width: 1058px;
            /*  Set stage width as desired */
            text-align: center;
            /*  Center list navigation */
        }

        .mis-slider {
            list-style: none;
            overflow: visible;
            height: 100%;
            margin-top: 0;
        }


        /*  Set slide width and padding */

        .mis-slide {
            /*  Set width in pixels to restrict width of slides
                        for multi-item slider, default is 100%
                        for single-item slider. Use padding to add space
                        between slides */
            width: 100%;
            height: auto;
            padding: 0;
            display: block;
            position: relative;
            float: left;
            overflow: visible !important;
        }

        .mis-slide.mis-current {
            z-index: 100;
        }


        /*  Slide container - inserted around the contents
                        of each slide by the plugin */

        .mis-container {
            display: block;
            width: auto;
            height: auto;
            border: 0;
        }


        /*  Style list navigation */

        .mis-nav-list {
            position: absolute;
            bottom: .5em;
            width: 100%;
            margin: 0 auto;
            /* center it */
            z-index: 300;
            padding: 0;
        }

        .mis-nav-list li {
            display: inline-block;
            margin: 0 .25em;
        }

        .mis-nav-list li a {
            display: block;
            width: 11px;
            height: 11px;
            text-indent: 100%;
            /* Replace text */
            overflow: hidden;
            white-space: nowrap;
            border: 1px solid #eee;
            border-radius: 7px;
            /* Make items round */
            opacity: .3;
            -webkit-box-shadow: inset 0 0 2px #333;
            box-shadow: inset 0 0 2px 2px #333;
            margin: 0 3px;
        }

        .mis-nav-list li.mis-current a,
        .mis-nav-list li a:hover {
            background: #333;
        }

        .mis-nav-buttons {
            display: block;
            position: absolute;
            height: 0;
            top: 0;
            opacity: 1!important;
            z-index: 200;
            width: 1058px!important;
            left: 0!important;
        }

        .mis-nav-buttons a {
            position: absolute;
            color: #eee;
            font-size: 0;
            /* Hide for browser except Android */
            line-height: .01;
            /* 0 is inconsistent in Opera */
            font-family: Verdana, Geneva, sans-serif;
            font-weight: bold;
            text-decoration: none;
            text-indent: -9999px;
            padding-top: 124px!important;
            /* Hide for Android */
        }

        .mis-nav-buttons a:hover {
            color: #ccc;
        }

        .mis-nav-buttons a.mis-next {
            left: auto;
            right: 14px;
        }

        .mis-nav-buttons a.mis-prev {
            left: 14px;
        }

        .mis-nav-buttons a.mis-prev:before,
        .mis-nav-buttons a.mis-next:after {
            content: "\2039";
            /* left single angle quote */
            display: block;
            font-size: 80px;
            text-indent: 0;
        }

        .mis-nav-buttons a.mis-next:after {
            content: "\203A";
            /* right single angle quote */
        }

        body{-webkit-backface-visibility: hidden;}
    body .spacer,body .vspacer{display:none;}
    #bd{width:960px;font-family:Arial;margin-top:15px;}
    #bd_auto{width:1200px;font-family:Arial;margin-top:15px;}
    /*2018/04/17图首促销背景展示*/
    
    #bd_auto{width:100%; }
    .top_ad_banner,.storey_one,.storey_two,.storey_three,.storey_four,.storey_five,.storey_six,.storey_seven{width:1000px;margin: 0 200px;}
    .storey_one,.storey_three,.storey_five,.storey_six{margin-bottom:20px;}.storey_three,.storey_five{width:1200px;position:relative;overflow:hidden;margin-bottom:20px;border-bottom:1px solid #eaeaea;border-top: 1px solid #eaeaea;}
    .storey_three{padding:20px 0;}
    .storey_five{padding: 20px 0;}
    .book_3ad{width:1300px;zoom:1;padding:10px 0;}
    .book_3ad:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden;}
    .book_3ad a{display:block;float:left;width:382px;margin-right:27px;}
    .book_3ad a img{display:block;width:382px;}
    #bd .storey_three,#bd .storey_five{width:960px;}
    #bd .book_3ad a,#bd .book_3ad a img{width:300px;}
    #bd .book_3ad a{margin-right:30px;}.book_reco_area{height:581px;}
    .book_reco_area .book_reco_head{height: 50px;position: relative;border-bottom:1px solid #487a6f;}
    .book_reco_area .book_reco_head .title{height: 50px;width: 108px;line-height: 0;font-size: 0;background: url(images/home/title_sprite.png) 0 -150px no-repeat;position: absolute;left: 0;top: 0;text-indent: -9999px;}
    .book_reco_area .book_reco_head a{display: block;height: 30px;line-height: 30px;font-size: 14px;color: #228bc1;position: absolute;left: 150px;top: 9px;background: url(images/home/sprite.png) 0 -46px no-repeat;padding-left: 25px;cursor: pointer;}
    .book_reco_area .book_reco_pro{width: 960px;float: left;position: relative;overflow: hidden;padding-top: 20px;height: 490px;}
    .book_reco_area .book_reco_pro .list_aa{width:1000px;position: relative;left: 0;}
    .book_reco_area .book_reco_pro .list_aa li{width: 150px;margin-right: 100px;float:left;position:relative;margin-bottom: 17px;}
    .book_reco_area .book_reco_pro .list_aa li .number{position:absolute;top:-27px;left:26px;font-size:18px;color:#ff4f4b;}
    .book_reco_area .book_reco_pro .list_aa li .name{padding: 7px 23px 0;
        height: 36px;line-height: 18px;overflow: hidden;word-wrap: break-word; word-break: break-all;}
    .book_reco_area .book_reco_pro .list_aa li .name a,.book_reco_area .book_reco_pro .list_aa li .name a:hover{color: #000;text-decoration: none;}
    .book_reco_area .book_reco_pro .list_aa li .name a:hover{text-decoration: underline;color:#ec7814;}
    .book_reco_area .book_reco_pro .list_aa li .star{height: 14px;padding: 3px 0 3px 22px;}
    .book_reco_area .book_reco_pro .list_aa li .star .level{display: inline-block;height: 13px;font-size: 0;width: 69px;background: url(images/home/book_star_bg.png) 0 bottom repeat-x;position:relative;top:1px;}
    .book_reco_area .book_reco_pro .list_aa li .star .level span{display: block;height: 13px;font-size: 0;width:69px;background: url(images/home/book_star_bg.png) 0 top repeat-x;}
    .book_reco_area .book_reco_pro  .list_aa li .price {padding: 0 0 0 23px;height: 16px;line-height: 16px;overflow: hidden;margin-top:4px;font-family: Arial;font-size: 14px;}
    .book_reco_area .book_reco_pro .list_aa li .price .rob {color: #c30;float: left;overflow: hidden;margin-right: 12px;font-weight: bold;}
    .book_reco_area .book_reco_pro .list_aa li .price_r {color: #aaa;
        text-decoration: line-through;float: left;}

    .book_dztj .roll_aa{position:relative;width:950px;overflow: hidden;padding:40px 0 22px 0;}
    .book_dztj .roll_aa .over{position:relative;width:750px;height:233px;}
    #bd .book_dztj .roll_aa .over{position:relative;width:600px;height:233px;}

    .book_dztj .roll_aa .btn_brand_prev{width:25px;height:50px;background:url(http://img4.ddimg.cn/00363/book_index/book_fanye_btn.png) 0 0 no-repeat;position:absolute;left:0;top:50%;margin-top:-20px;z-index:2;cursor:pointer;}
    .book_dztj .roll_aa    .btn_brand_next{width:25px;height:50px;background:url(http://img4.ddimg.cn/00363/book_index/book_fanye_btn.png) -26px 0 no-repeat;z-index:2;cursor:pointer;position: absolute;right: 0;top: 50%;margin-top: -20px;}
    .book_dztj .roll_aa .btn_brand_prev:hover,.book_presell .btn_prev_hover{cursor:pointer;background-position:0 -51px;}
    .book_dztj .roll_aa .btn_brand_next:hover,.book_presell .btn_next_hover{cursor:pointer;background-position:-26px -51px;}

    .book_dztj .roll_aa .over .list_aa{width:10000px;position: absolute;left: 0;position:absolute;}
    .book_dztj .roll_aa .over .list_aa li{width: 150px;margin-right: 47px;float:left;position:relative;}
    .book_dztj .roll_aa .over .list_aa li a.img,.book_dztj .roll_aa .over .list_aa li a.img img{display:block;width:150px;height:150px;}
    .book_dztj .roll_aa .over .list_aa li .number{position:absolute;top:-27px;left:26px;font-size:18px;color:#666;}
    .book_dztj .roll_aa .over .list_aa li.line1 .number,.book_dztj .roll_aa .over .list_aa li.line2 .number{color:#ff4f4b;}
    .book_dztj .roll_aa .over .list_aa li .name{padding:7px 20px 0;height:18px;line-height: 18px;overflow: hidden;}
    .book_dztj .roll_aa .over .list_aa li .name a,.book_dztj .roll_aa .over .list_aa li .name a:hover{color: #000;text-decoration: none;}
    .book_dztj .roll_aa .over .list_aa li .name a:hover{text-decoration: underline;color:#ec7814;}
    .book_dztj .roll_aa .over .list_aa li .star{height: 14px;padding: 3px 0 3px 20px;}
    .book_dztj .roll_aa .over .list_aa li .star .level{display: inline-block;height: 13px;font-size: 0;width: 69px;background: url(images/home/book_star_bg.png) 0 bottom repeat-x;position:relative;top:1px;}
    .book_dztj .roll_aa .over .list_aa li .star .level span{display: block;height: 13px;font-size: 0;width:69px;background: url(images/home/book_star_bg.png) 0 top repeat-x;}
    .book_dztj .roll_aa .over .list_aa li .price {padding-left:20px;height:36px;line-height: 16px;overflow: hidden;margin-top:4px;font-size:14px;position:relative;}
    .book_dztj .roll_aa .over .list_aa li .price .rob {color: #c30;float: left;overflow: hidden;margin-right: 12px;font-weight: bold;}
    .book_dztj .roll_aa .over .list_aa li .price_r{color: #aaa;text-decoration: line-through;float: left;}
    .book_dztj .roll_aa .over .list_aa li .ebookprice_n{position:absolute;left:20px;top:16px;display:inline-block;font:12px Arial;padding:4px 0 0 0;color:#787878; }
    #bd .storey_six .storey_six_left,#bd .book_dztj,#bd .book_dztj .tab_content_aa ul.first .line1,#bd .book_dztj .roll_aa{width:710px;}
    #bd .book_dztj .tab_content_aa ul.first .line1 .name,#bd  .book_dztj .tab_content_aa ul.first .line1 .star, #bd .book_dztj .tab_content_aa ul.first .line1 .price,#bd  .book_dztj .tab_content_aa ul.first .detail{width:500px;}
    #bd .book_dztj .roll_aa .over .list_aa li{margin-right:40px;}
    .book_dztj .mix_marquee_tab{position:absolute;left:434px;top:285px;}
    .book_dztj .mix_marquee_tab li{float:left;width:10px;height:10px;font-size:0;line-height:10px;margin-right:10px;background:url(http://img4.ddimg.cn/00363/book_index/diandian_bg2.png) 0 -20px no-repeat;text-indent:-9999px;cursor: pointer;}
    .book_dztj .mix_marquee_tab li.current{background-position:0 0;}
    #bd  .book_dztj .mix_marquee_tab{left:310px;}.storey_six_right{width: 240px;float: left;}
    .book_community{border:1px solid #eaeaea;width: 238px;height: 594px;}
    .book_community .sq_head,.book_community .sq_head:hover{text-decoration: none;background: url(images/home/book_community_bg.png) 0 0 no-repeat;text-indent: -9999px;display:block;width: 238px;height: 84px;}
    .book_community .sq_activity_text{padding-left: 14px;color:#487a6f;font-size: 18px;font-weight: normal;height: 30px;line-height: 30px;margin-top: 13px;font-family:"Microsoft Yahei";}
    .book_community .sq_activity_title,.book_community .sq_activity_title:hover{display: block;padding:0 14px;line-height: 24px;font-size: 14px;color: #000;height: 48px;overflow: hidden;position: relative;font-weight:bold;}
    .book_community .sq_activity_title:hover{color:#ec7814;}
    .book_community .sq_activity_product{margin-left: 44px;margin-top: 18px;}
    .book_community .sq_activity_product .img,.book_community .sq_activity_product .img img{display: block;width: 150px;height: 150px;}
    .book_community .sq_activity_info,.book_community .sq_activity_info:hover{margin-top: 20px;display:block;padding:0 14px;color: #000;line-height: 24px;height: 168px;position: relative;overflow: hidden;}
    .book_community .sq_activity_info:hover{color:#ec7814;}
    .book_community div.book_sq_button{padding-left: 16px;zoom:1;margin-top: 17px;}
    .book_community div.book_sq_button:after{content:" ";height:0;display:block;clear:both;visibility:hidden;}
    .book_community div.book_sq_button a,.book_community div.book_sq_button a:hover{width: 98px;height: 28px;display: block;float: left;background:#487a6f;text-align:center;font-family:"Microsoft Yahei";font-size:16px;color:#fff;text-decoration: none;line-height:28px;}
    .book_community div.book_sq_button a:hover{background:#125143;}
    .book_community div.book_sq_button a.sq_cjhd_button{background:#ff5d5d;margin-right: 10px;}
    .book_community div.book_sq_button a.sq_cjhd_button:hover{background:#c72222;}.book_tuijian{height:606px;}
    .tuijian{width:950px;overflow:hidden;position:relative;height:588px;}
    .tuijian .head{position:relative;height:50px;border-bottom:1px solid #487a6f;}
    .tuijian .head .tltle{height:50px;width:108px;line-height:0;font-size:0;background: url(images/home/title_sprite.png) 0 -78px no-repeat;position:absolute;left:0;top:0;text-indent: -9999px;}
    .tuijian .head .tab_aa{height:35px;position:absolute;right:15px;top:17px;}
    .tuijian .head .tab_aa li{padding:2px 17px;height:32px;line-height:32px;float:left;color:#666;font-size:14px;margin-right:4px;font-family:"Microsoft Yahei";cursor:pointer;}
    .tuijian .head .tab_aa li span{cursor:pointer;}
    .tuijian .head .tab_aa li.on{border-radius:6px 6px 0 0;border:2px solid #487a6f;border-bottom:none;color:#4e8176;background:#fff;padding:0 15px;font-weight:bold;}
    .tuijian .tab_content_aa .list_aa{padding-right:100px;height:508px;overflow: hidden;width:1000px;}
    .tuijian .tab_content_aa .list_aa li{float:left;width:150px;margin-right:100px;margin-bottom:30px;height:233px;position:relative;}
    .tuijian .tab_content_aa .list_aa li .img,.tuijian .tab_content_aa .list_aa li .img img{width:150px;height:150px;display:block;}
    .tuijian .tab_content_aa .list_aa li .name{padding: 7px 20px 0;height:18px;line-height: 18px;overflow: hidden;}
    .tuijian .tab_content_aa .list_aa li .name a,.tuijian .tab_content_aa .list_aa li .name a:hover{color:#000;text-decoration: none;}
    .tuijian .tab_content_aa .list_aa li .name a:hover{text-decoration: underline;color:#ec7814;}
    .tuijian .tab_content_aa .list_aa li .author{padding: 0 20px;height: 24px;line-height: 24px;overflow: hidden;color: #aaa;}
    .tuijian .tab_content_aa .list_aa li .price{padding-left:20px;height:36px;line-height: 16px;font-family:"Arial";font-size:14px; position:relative;}
    .tuijian .tab_content_aa .list_aa li .price_r{color:#aaa;text-decoration: line-through;float: left;overflow: hidden;}
    .tuijian .tab_content_aa .list_aa li .price .rob{color: #c30;float: left;margin-right:12px;font-weight: bold;}
    .tuijian .tab_content_aa .list_aa li .ebookprice_n{position:absolute;left:20px;top:16px;display:inline-block;font:12px Arial;padding:4px 0 0 0;color:#787878;}
    .tuijian a.more_a{position:absolute;right:5px;bottom:5px;color:#5097bc;}
    #bd .tuijian{width:710px;}
    #bd .tuijian .tab_content_aa .list_aa{width:800px;}
    #bd .tuijian .tab_content_aa .list_aa li{margin-right:40px;}
    #bd .tuijian .head .tab_aa li{padding:2px 8px;}
    #bd .tuijian .head .tab_aa li.on{padding: 0 6px;}
    #bd .tuijian .tab_content_aa .list_aa li .icon_pop{position: absolute;right: 13px;top: -5px;}.book_hot{width: 950px;}
    .dd_brand_content_m .btn_prev_hover,.dd_brand_content_m .btn_next_hover{opacity:0.5;filter:alpha(opacity=50);}</style>
    <script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery-1.js"></script>

<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.8.2.min.js"></script>
</head>
<style>
	.c{
		display:none
	}
	body {
		font-size: 12px;
		font-family: Arial;
		margin: 0px;
		padding: 0px;
	}
		
	a {
		color: #999;
	}
	
	.greenColor {
		color: darkgreen !important;
	}
	
	nav.top a:hover {
		color: darkgreen;
		text-decoration: none;
	}
	
	nav.top {
		background-color: ghostwhite;
		padding-top: 5px;
		padding-bottom: 5px;
		border-bottom: 1px solid #e7e7e7;
		margin: 0px;
	}
	
	nav.top span,
	nav.top a {
		color: #999;
		margin: 0px 0px 0px 10px;
		text-decoration: none;
	}
	
	.pull-right {
		float: right;
	}
	
	div.searchDiv {
		background-color: cadetblue;
		width: 400px;
		margin: 0px auto;
		padding: 1px;
		height: 40px;
		display: block;
	}
	
	div.searchDiv input {
		width: 275px;
		border: 1px solid transparent;
		height: 36px;
		margin: 1px;
		outline: none;
	}
	
	div.searchDiv button {
		width: 110px;
		border: 1px solid transparent;
		background-color: cadetblue;
		color: white;
		font-size: 20px;
		font-weight: bold;
	}
	
	div.searchBelow {
		margin-top: 3px;
		margin-left: -20px;
	}
	
	div.searchBelow span {
		color: #999;
	}
	
	div.searchBelow a {
		padding: 0px 20px 0px 20px;
		font-size: 14px;
		text-decoration: none;
	}
	
	img.logo {
		position: absolute;
		left: 0px;
		top: 30px;
		z-index: -1;
	}
	
	body {
		font-size: 12px;
		font-family: Arial;
	}
	
	a {
		color: #999;
	}
	
	a:hover {
		text-decoration: none;
		color: cadetblue;
	}
	
	* {
		margin: 0;
		padding: 0;
	}
	
	.centerblock {
		top: 100px;
		margin: auto;
		margin-top: 50px;
        margin-left: 200px;
		width: 935px;
		height: 400px;
		border: 1px solid silver;
	}
	
	#centerblock_right {
		float: left;
		width: 935px;
		height: 400px;
		overflow: hidden;
		position: relative;
	}
	
	#list {
		width: 935px;
		height: 400px;
		position: absolute;
		z-index: 1;
	}
	
	#list img {
		width: 935px;
		height: 100%;
	}
	
	.listmenu {
		/*border: 1px solid silver;*/
		/*left: 20px;*/
	}
	
	.listmenu li {
		list-style: none;
		padding-left: 20px;
		height: 31.2px;
		line-height: 31.2px;
		font-size: 15px;
	}
	
	.listmenu li span {
		float: right;
		margin-right: 10px;
	}
	
	.listmenu li>a {
		text-decoration: none;
		color: #3a3a3a;
	}
	
	.listmenu li:hover {
		background-color: whitesmoke;
		color: cadetblue;
	}
	
	.listmenu li:hover>a {
		color: cadetblue;
	}
	
	.listmenu>li>a:hover {
		text-decoration: underline;
	}
	
	.listmenu_child1 {
		position: absolute;
		left: 405px;
		top: 0px;
		background-color: white;
		border: 2px solid cadetblue;
		width: 500px;
		height: 200px;
		display: none;
		z-index: 9999;
	}
	
	.listmenu_child2 {
		position: absolute;
		left: 405px;
		top: 30px;
		background-color: white;
		border: 2px solid cadetblue;
		width: 500px;
		height: 200px;
		display: none;
		z-index: 9999;
	}
	
	.listmenu_child3 {
		position: absolute;
		left: 405px;
		top: 60px;
		background-color: white;
		border: 2px solid cadetblue;
		width: 500px;
		height: 200px;
		display: none;
		z-index: 9999;
	}
	
	.listmenu_child4 {
		position: absolute;
		left: 405px;
		top: 90px;
		background-color: white;
		border: 2px solid cadetblue;
		width: 500px;
		height: 200px;
		display: none;
		z-index: 9999;
	}
	
	.listmenu_child5 {
		position: absolute;
		left: 405px;
		top: 120px;
		background-color: white;
		border: 2px solid cadetblue;
		width: 500px;
		height: 200px;
		display: none;
		z-index: 9999;
	}
	
	.listmenu_child6 {
		position: absolute;
		left: 405px;
		top: 150px;
		background-color: white;
		border: 2px solid cadetblue;
		width: 500px;
		height: 200px;
		display: none;
		z-index: 9999;
	}
	
	.listmenu_child7 {
		position: absolute;
		left: 405px;
		top: 180px;
		background-color: white;
		border: 2px solid cadetblue;
		width: 500px;
		height: 200px;
		display: none;
		z-index: 9999;
	}
	
	.listmenu>li:hover .listmenu_child1 {
		display: block;
	}
	
	.listmenu>li:hover .listmenu_child2 {
		display: block;
	}
	
	.listmenu>li:hover .listmenu_child3 {
		display: block;
	}
	
	.listmenu>li:hover .listmenu_child4 {
		display: block;
	}
	
	.listmenu>li:hover .listmenu_child5 {
		display: block;
	}
	
	.listmenu>li:hover .listmenu_child6 {
		display: block;
	}
	
	.listmenu>li:hover .listmenu_child7 {
		display: block;
	}
	
	.listmenu_child_left {
		position: relative;
		float: left;
		padding-left: 20px;
		width: 530px;
		height: 300px;
	}
	
	.listmenu_child_right {
		position: relative;
		float: left;
		width: 249px;
		height: 300px;
		border-left: 1px solid silver;
	}
	
	.listmenu_child_left_top_title {
		position: relative;
		width: 530px;
		height: 35px;
		line-height: 35px;
		margin-top: 5px;
		color: black;
	}
	
	.span1 {
		position: absolute;
		bottom: 0;
		float: left;
		font-size: 18px;
		left: 0px;
		color: black;
	}
	
	.span2 {
		position: absolute;
		bottom: 0;
		float: right;
		font-size: 13px;
		right: 8px;
		color: black;
	}
	
	.listmenu_child_left_a {
		margin-right: 25px;
		line-height: 25px;
	}
	
	.listmenu_child_left_a>a {
		text-decoration: none;
		font-size: 14px;
		margin-right: 20px;
	}
	
	.colororg {
		color: cadetblue;
	}
	
	.colorgray {
		color: gray;
	}
	
	.listmenu_child_right_title {
		position: relative;
		text-align: center;
		font-size: 14px;
		color: black;
		top: 10px;
	}
	
	#buttons {
		position: absolute;
		height: 10px;
		width: 100px;
		z-index: 2;
		/*将buttons放在list上层*/
		bottom: 20px;
		right: 250px;
	}
	
	#buttons span {
		cursor: pointer;
		float: left;
		border: 1px solid #fff;
		border-radius: 50%;
		height: 10px;
		width: 10px;
		margin-right: 5px;
		background: #E98352;
	}
	
	#buttons .on {
		background: #474550;
	}
	
	.arrow {
		display: none;
		cursor: pointer;
		line-height: 40px;
		text-align: center;
		font-size: 30px;
		/*设置箭头的大小*/
		width: 40px;
		height: 40px;
		position: absolute;
		z-index: 2;
		/*将arrow放在list上层*/
		top: 180px;
		color: #fff;
		background: #474550;
	}
	
	.arrow:hover {
		background-color: #E98352;
		text-decoration: none;
	}
	
	#centerblock_right:hover .arrow {
		display: block;
		text-decoration: none;
	}
	
	#pre {
		left: 20px;
	}
	
	#next {
		right: 0px;
	}
	
	.oneSpan {
		padding: 10px 0;
	}
	
	.author {
		padding: 0 20px;
		height: 24px;
		line-height: 24px;
		overflow: hidden;
		color: #aaa;
	}
	
	.price {
		padding-left: 20px;
		height: 36px;
		line-height: 16px;
		font-family: "Arial";
		font-size: 14px;
		position: relative;
	}
	
	.rob {
		color: #c30;
		float: left;
		overflow: hidden;
		margin-right: 12px;
		font-weight: bold;
	}
	
	.name {
		height: 44px;
		line-height: 22px;
		position: absolute;
		overflow: hidden;
		top: 9px;
		left: 145px;
	}
	
	.product_ul {
		width: 800px;
		padding-top: 25px;
	}
	
	.div-inline {
		display: inline;
		width: 180px;
		height: 300px;
	}
	
	div.imgAndInfo {
		margin: 40px 20px;
		border:1px;
		background-color:ghostwhite;
		border-radius: 15px;
	}
	
	div.imgInimgAndInfo {
		float: left;
	}
	
	div.imgAndInfo img.bigImg {
		padding: 20px;
		width: 200px;
		height: 200px;
	}
	
	div.infoInimgAndInfo {
		padding: 0px 20px;
		overflow: hidden;
	}
	
	div.infoInimgAndInfo div.productTitle {
		color: black;
		font-size: 16px;
		font-weight: bold;
		margin: 0px 10px;
	}
	
	div.infoInimgAndInfo div.productSubTitle {
		color: gray;
		font-size: 16px;
		margin: 0px 10px;
	}
	
	div.infoInimgAndInfo div.productSubTitle2 {
		color: cadetblue;
		font-size: 12px;
		margin: 10px 10px;
	}
	
	div.infoInimgAndInfo div.juhuasuan {
		background-color: #2DA77A;
		color: white;
		text-align: center;
		line-height: 40px;
		margin-top: 10px;
	}
	
	div.infoInimgAndInfo span.juhuasuanBig {
		font-size: 18px;
		font-weight: bold;
		font-family: 黑体;
	}
	
	div.infoInimgAndInfo span.juhuasuanTime {
		color: #FFC057;
		font-weight: bold;
	}
	
	div.infoInimgAndInfo div.productPriceDiv {
		padding: 10px;
		color: #666666;
	}
	
	div.infoInimgAndInfo div.gouwujuanDiv {
		margin-top: 5px;
	}
	
	div.infoInimgAndInfo div.originalDiv {
		margin-top: 5px;
	}
	
	div.infoInimgAndInfo span.originalPriceDesc {
		font-size: 20px;
		color: cadetblue;
		display: inline-block;
		width: 68px;
	}
	
	div.infoInimgAndInfo span.originalPrice {
		font-family: Arial;
		font-size: 14px;
		color: #333333;
	}
	
	div.infoInimgAndInfo span.promotionPriceYuan {
		font-family: Arial;
		font-size: 18px;
		color: #C40000;
	}
	
	div.infoInimgAndInfo span.promotionPrice {
		color: #c40000;
		font-family: Arial;
		font-size: 30px;
		font-weight: bold;
	}
	
	div.infoInimgAndInfo span.promotionPriceDesc {
		color: #999999;
		display: inline-block;
		width: 68px;
		position: relative;
		left: 0px;
		top: -10px;
	}
	
	div.infoInimgAndInfo div.productNumber {
		color: #999999;
	}
	
	div.infoInimgAndInfo span.productNumberSettingSpan {
		border: 1px solid #999;
		display: inline-block;
		width: 43px;
		height: 32px;
		padding-top: 7px;
	}
	
	div.infoInimgAndInfo input.productNumberSetting {
		border: 0px;
		height: 80%;
		width: 80%;
	}
	
	div.productNumber span.num_add {
		background-position: -37px 0;
		top: 0;
	}
	
	div.productNumber span.updown {
		border: 1px solid #999;
		display: block;
		width: 20px;
		height: 14px;
		text-align: center;
		padding-top: 4px;
	}
	
	div.productNumber span.updownMiddle {
		height: 4px;
		display: block;
	}
	
	div.productNumber span.arrow {
		display: inline-block;
		width: 22px;
		height: 32px;
		vertical-align: top;
	}
	
	div.buyDiv {
		margin: 20px auto;
		text-align: center;
	}
	
	div.buyDiv button {
		display: inline-block;
		margin: 0px 10px;
		width: 180px;
		height: 40px;
	}
	
	button.buyButton {
		border: 1px solid whitesmoke;
		background-color: whitesmoke;
		text-align: center;
		line-height: 40px;
		font-size: 16px;
		color: cadetblue;
		font-family: arial;
	}
	
	button.addCartButton {
		border: 1px solid cadetblue;
		background-color: cadetblue;
		text-align: center;
		line-height: 40px;
		font-size: 16px;
		color: white;
		font-family: arial;
	}
	
	button.addCartButton span.glyphicon {
		font-size: 12px;
		margin-right: 8px;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	.redColor {
		color: #C40000;
	}
	
	.boldWord {
		font-weight: bold;
	}
	
	div .messbox_info {
		display: inline-block;
		padding-right: 25px
	}
	
	div .messbox_info .title {
		display: inline-block
	}
	
	.product_main .sale_box .messbox_info .pinglun {
		clear: both
	}
	
	.product_main .sale_box .messbox_info .pinglun .t1 {
		float: left
	}
    .myimg .img{
        width: 40px;
        height: 20px;
    }
    .open-lesson .campus-option { margin-top: 14px; }
    .open-lesson .campus-option span { color: #333333; font-size: 14px; }
    .open-lesson .campus-option form { display: inline-block; }
    .open-lesson .campus-option select { width: 214px; height: 28px; background: #FAFAFA; border: 1px solid #DDDDDD; outline: none; text-indent: 12px; }

</style>

<body>
<div>

		<nav class="top">
			<a href="index.jsp" onclick=back()>首页</a>

			<span>欢迎来到阳光运动~</span>
			
			<%
			if(request.getSession().getAttribute("identity")!=null){
				int identity=(int)request.getSession().getAttribute("identity");
				if(identity==3){
					%>
					<a href="<%=request.getContextPath()%>/exit">退出登录</a>
					<span class="pull-right">
		            <a href="<%=request.getContextPath()%>/index/orderlist.jsp">查看订单</a>
					</span><%
				}
				else{%>
					<a href="<%=request.getContextPath()%>/exit">退出登录</a>
					<span class="pull-right">
		            <a href="orderlist.jsp">我的订单</a>
		            <a href="<%=request.getContextPath()%>/showcart">购物车</a>
					</span><%
				}
			}
			else{
			%>
				<a href="<%=request.getContextPath()%>/enter">请登录</a>
				<a href="<%=request.getContextPath()%>/register">免费注册</a><%
			}
			%>
			

		</nav>
    <!--头部-->
    <div class="new-header wrap clearfix defaults_dataid" data-id="8-0-555-688408-0-0-1-阳光运动">
        <!--机构logo 大小160*60-->
        <a href=# class="jg_logo"><img src="<%=request.getContextPath() %>/index/pic/logo.png"></a>
        <!--机构标题-->
        <h2 class="h">阳光运动</h2>
        <div class="header_r clearfix">
            <!--电话-->
            <span target="_blank" class="tel cur">010-64701570</span>
        </div>
    </div>
    <!--机构导航-->
    <div class="jg_nav">
        <ul class="clearfix">
            <li><a href="<%=request.getContextPath() %>" target="_self">主页</a></li>
            <li><a class="cur" href="<%=request.getContextPath() %>/index/introduce.jsp" target="_self">机构简介</a></li>
        </ul>
    </div>

	</div>

<!--学校简介-->
<div class="school-intro-box wrap clearfix">
    <div class="school-intro intro-auto-div box no-mg wrap clearfix">
        <div class="public-title">
            <h2>学校简介</h2>

        </div>
        <div class="intro intro-auto">
            <p style="margin:0pt;line-height:18pt;text-indent:21pt;mso-para-margin-right:0.0000gd;mso-para-margin-left:0.0000gd;mso-pagination:none;mso-line-height-rule:exactly;">
                <span style="font-family:长城楷体;font-size:10.5pt;mso-spacerun:&quot;yes&quot;;mso-font-kerning:1.0000pt;"><span style="font-family:宋体;">呼动阳光运动教育，简称“呼动阳光”，创立于2012年，隶属于北京呼动阳光文化发展有限公司，旗下设有英峰篮球、超鸿网球、飒动体能等运动教育品牌。机构致力于为青少年及社会团体提供专业运动教育服务，结合先进运动理念，融入中国文化元素，注重体质、技能、人格等素质的协同发展，力求打造具备中国特色的优秀运动教育品牌。</span></span>
            </p>
        </div>
    </div>
</div>
<!--校区环境-->
<div class="environment box wrap clearfix">
    <div class="public-title">
        <h2>校区环境</h2>
        <div class="title-right">
            <a href="https://kaoshi.china.com/xuexiao/bjygjy/branch/" class="a-link">更多&gt;&gt;</a>
        </div>
    </div>
    <!-- 代码开始 -->

    <div class="mis-stage" style="opacity: 1; height: 263px;"><ol class="mis-nav-list"><li><a href="https://kaoshi.china.com/xuexiao/bjygjy/introduce/#" title="1">1</a></li><li class=""><a href="https://kaoshi.china.com/xuexiao/bjygjy/introduce/#" title="2">2</a></li><li class="mis-current"><a href="https://kaoshi.china.com/xuexiao/bjygjy/introduce/#" title="3">3</a></li></ol>
        <!-- 选择和应用miSlider的元素——类是可选的 -->
        <ol class="mis-slider" style="left: -1047px; width: 3153px;"><li class="mis-slide mis-clone" style="transform-origin: 50% 45%; width: 383.9px; margin-left: -17.45px; margin-right: -17.45px; transform: scale(0.909091); border-spacing: 110px;">
            <a href="./阳光运动怎么样_好不好 - 学校简介_files/5d1b4f8b72fba.jpg" class="mis-container" target="_blank" style="margin-top: 0px;">
                <figure>
                    <img src="./阳光运动怎么样_好不好 - 学校简介_files/5d1b4f8b72fba.jpg">
                </figure>
            </a>
        </li><li class="mis-slide mis-clone" style="transform-origin: 50% 45%; width: 383.9px; margin-left: -17.45px; margin-right: -17.45px; transform: scale(0.909091); border-spacing: 110px;">
            <a href="./阳光运动怎么样_好不好 - 学校简介_files/5d1b4f8b04627.jpg" class="mis-container" target="_blank" style="margin-top: 0px;">
                <figure>
                    <img src="./阳光运动怎么样_好不好 - 学校简介_files/5d1b4f8b04627.jpg">
                </figure>
            </a>
        </li><li class="mis-slide mis-clone" style="transform-origin: 50% 45%; width: 383.9px; margin-left: -17.45px; margin-right: -17.45px; transform: scale(0.909091); border-spacing: 110px;">
            <a href="./阳光运动怎么样_好不好 - 学校简介_files/5d1b4f8a410a7.jpg" class="mis-container" target="_blank" style="margin-top: 0px;">
                <figure>
                    <img src="./阳光运动怎么样_好不好 - 学校简介_files/5d1b4f8a410a7.jpg">
                </figure>
            </a>
        </li>
            <li class="mis-slide" style="transform-origin: 50% 45%; width: 383.9px; margin-left: -17.45px; margin-right: -17.45px; transform: scale(0.909091); border-spacing: 110px;">
                <a href="./阳光运动怎么样_好不好 - 学校简介_files/5d1b4f8b72fba.jpg" class="mis-container" target="_blank" style="margin-top: 0px;">
                    <figure>
                        <img src="./阳光运动怎么样_好不好 - 学校简介_files/5d1b4f8b72fba.jpg">
                    </figure>
                </a>
            </li><li class="mis-slide mis-current" style="transform-origin: 50% 45%; width: 360px; margin-left: 0px; margin-right: 0px; transform: scale(1); border-spacing: 100px;">
                <a href="./阳光运动怎么样_好不好 - 学校简介_files/5d1b4f8b04627.jpg" class="mis-container" target="_blank" style="margin-top: 0px;">
                    <figure>
                        <img src="./阳光运动怎么样_好不好 - 学校简介_files/5d1b4f8b04627.jpg">
                    </figure>
                </a>
            </li><li class="mis-slide" style="transform-origin: 50% 45%; width: 383.9px; margin-left: -17.45px; margin-right: -17.45px; transform: scale(0.909091); border-spacing: 110px;">
                <a href="./阳光运动怎么样_好不好 - 学校简介_files/5d1b4f8a410a7.jpg" class="mis-container" target="_blank" style="margin-top: 0px;">
                    <figure>
                        <img src="./阳光运动怎么样_好不好 - 学校简介_files/5d1b4f8a410a7.jpg">
                    </figure>
                </a>
            </li>
            <li class="mis-slide mis-clone" style="transform-origin: 50% 45%; width: 383.9px; margin-left: -17.45px; margin-right: -17.45px; transform: scale(0.909091); border-spacing: 110px;">
                <a href="./阳光运动怎么样_好不好 - 学校简介_files/5d1b4f8b72fba.jpg" class="mis-container" target="_blank" style="margin-top: 0px;">
                    <figure>
                        <img src="./阳光运动怎么样_好不好 - 学校简介_files/5d1b4f8b72fba.jpg">
                    </figure>
                </a>
            </li><li class="mis-slide mis-clone" style="transform-origin: 50% 45%; width: 383.9px; margin-left: -17.45px; margin-right: -17.45px; transform: scale(0.909091); border-spacing: 110px;">
                <a href="./阳光运动怎么样_好不好 - 学校简介_files/5d1b4f8b04627.jpg" class="mis-container" target="_blank" style="margin-top: 0px;">
                    <figure>
                        <img src="./阳光运动怎么样_好不好 - 学校简介_files/5d1b4f8b04627.jpg">
                    </figure>
                </a>
            </li><li class="mis-slide mis-clone" style="transform-origin: 50% 45%; width: 383.9px; margin-left: -17.45px; margin-right: -17.45px; transform: scale(0.909091); border-spacing: 110px;">
                <a href="./阳光运动怎么样_好不好 - 学校简介_files/5d1b4f8a410a7.jpg" class="mis-container" target="_blank" style="margin-top: 0px;">
                    <figure>
                        <img src="./阳光运动怎么样_好不好 - 学校简介_files/5d1b4f8a410a7.jpg">
                    </figure>
                </a>
            </li></ol>
        <div class="mis-nav-buttons" style="opacity: 0; width: 360px; left: 349.031px;"><a href="https://kaoshi.china.com/xuexiao/bjygjy/introduce/#" class="mis-prev" style="height: 263px; padding-top: 118.35px;">Prev</a><a href="https://kaoshi.china.com/xuexiao/bjygjy/introduce/#" class="mis-next" style="height: 263px; padding-top: 118.35px;">Next</a></div></div>

</div>
</body>

</html>